<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../css/common/common.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/product.css"/>
		<link rel="stylesheet" type="text/css" href="../css/other/buy.css"/>
	</head>
	<body>
		<div class="web">
			<!--头部-->
			<div class="header">
				<div class="header-pic fl">
					<img src="../img/other/index-logo.PNG"/>
				</div>
				<div class="header-nav fl">
					<ul>
						<li>
							<a href="../index.html">首页</a>
						</li>
						<li>
							<a href="../index.html#apparel">骑行</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../index.html#runner">跑步</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../index.html#casual">休闲</a>
							<div class="header-nav1">
								<table class="fr">
									<tr>
										<td width="116px"><p>普通版</p></td>
										<td width="147px"></td>
										<td width="190px"><p>竞技版</p></td>
										<td width="123px"></td>
									</tr>
									<tr>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
										<td><a href="#">短袖</a></td>
										<td><a href="#">短袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
										<td><a href="#">短裤</a></td>
										<td><a href="#">长袖连体服</a></td>
									</tr>
									<tr>
										<td><a href="#">长袖</a></td>
										<td><a href="#">儿童版短袖</a></td>
										<td><a href="#">长袖</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">长裤</a></td>
										<td><a href="#">儿童版长袖</a></td>
										<td><a href="#">长裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带短裤</a></td>
										<td></td>
										<td><a href="#">背带短裤</a></td>
										<td></td>
									</tr>
									<tr>
										<td><a href="#">背带长裤</a></td>
										<td></td>
										<td><a href="#">背带长裤</a></td>
										<td></td>
									</tr>
								</table>
							</div>
						</li>
						<li>
							<a href="../index.html#brand">品牌区</a>
						</li>
						<li>
							<a href="#">设计师</a>
						</li>
						
					</ul>
				</div>
				<div class="header-search fr">
					<input type="search">
					<!--<div class="header-search-box">-->
					<input type="button">
				</div>
				<div class="header-right fr">
					<ul>
						<a href="">
							<li>
								<img src="../img/other/header-pic1.png"/>
							</li>
						</a>
						<li id="header-login">
							<a href="../other/login.html">
								<img src="../img/other/header-pic2.png"/>
							</a>
							<div class="header-login-block">
								<ul>
									<li><a href="../other/login.html">登录</a></li>
									<li><a href="../personal/myorder.html">我的订单</a></li>
								</ul>
							</div>
						</li>
						<a href="">
							<li>
								<img src="../img/other/header-pic3.png"/>
							</li>
						</a>
						<a href="../other/leaguelogin.html">
							<li>
								<img src="../img/other/header-pic4.png"/>
							</li>
						</a>
					</ul>
				</div>
				<div class="clear"></div>
			</div>
			
			<!--内容-->
			<div class="buy-box">
				<div class="buy-head">
					<div class="buy-head-active buy-head-item">
						<div class="buy-head-item-left fl">
							<div class="buy-head-item-left-pic">
								<img src="../img/other/buy1-head-pic1.png"/>
							</div>
							<p>2016-10-09 19:10:00</p>
						</div>
						<div class="buy-head-item-right fl">
							<p>01</p>
							<p>我的购物车</p>
						</div>
					</div>
					
					<div class="buy-head-active buy-head-item">
						<div class="buy-head-item-left fl">
							<div class="buy-head-item-left-pic">
								<img src="../img/other/buy1-head-pic2.png"/>
							</div>
							<p>2016-10-09 19:10:00</p>
						</div>
						<div class="buy-head-item-right fl">
							<p>02</p>
							<p>填写核对订单</p>
						</div>
					</div>
					
					<div class="buy-head-item">
						<div class="buy-head-item-left fl">
							<div class="buy-head-item-left-pic">
								<img src="../img/other/buy1-head-pic13.png"/>
							</div>
							<p>2016-10-09 19:10:00</p>
						</div>
						<div class="buy-head-item-right fl">
							<p>03</p>
							<p>成功提交订单</p>
						</div>
					</div>
				</div>
				
				
				<div class="buy-commontitle">
					收货人信息
				</div>
				
				<div class="buy-information">
					<table>
						<tr height="61px">
							<td width="115px"><span>*</span>所在地区：</td>
							<td>
								<div class="buy-information-input">
									<select name="">
										<option value="">选择城市</option>
									</select>
								</div>
								<div class="buy-information-input">
									<select name="">
										<option value="">选择区</option>
									</select>
								</div>
								<div class="buy-information-input">
									<select name="">
										<option value="">选择区</option>
									</select>
								</div>
								
							</td>
						</tr>
						<tr height="125px">
							<td><span>*</span>详细地址：</td>
							<td>
								<div class="buy-information-input">
									<textarea maxlength="100" placeholder="请填写详细地址"></textarea>
								</div>
								<p>
									<span>建议您如实填写详细收货地址,例如街道名称，门牌号码，楼层和房间号等信息</span>
								</p>
							</td>
						</tr>
						<tr height="62px">
							<td>邮政编码：</td>
							<td>
								<div class="buy-information-input">
									<input type="text" maxlength="6" />
								</div>
								
								<span>如您不清楚邮递区号，请填写000000</span>
							</td>
						</tr>
						<tr height="60px">
							<td><span>*</span>收货人姓名：</td>
							<td>
								<div class="buy-information-input">
									<input type="text"  />
								</div>
							</td>
						</tr>
						<tr height="60px">
							<td>手机号码：</td>
							<td>
								<div class="buy-information-input">
									<select name="">
										<option value="">中国大陆+86</option>
									</select>
								</div>
								<div class="buy-information-input">
									<input type="text" />
								</div>
							</td>
						</tr>
						<tr height="103px">
							<td>电话号码：</td>
							<td>
								<div class="buy-information-input">
									<select name="">
										<option value="">中国大陆+86</option>
									</select>
								</div>
								<div class="buy-information-input">
									<input type="text" placeholder="区号" />
								</div>
								<p>-</p>
								<div class="buy-information-input">
									
									<input style="width: 118px;" type="text" placeholder="电话号码" />
									
								</div>
								<p>-</p>
								<div class="buy-information-input">
									<input type="text" placeholder="分区" />
								</div>
								<p><span>手机号码和电话号码必须填一项</span></p>
							</td>
						</tr>
						<tr height="78px">
							<td></td>
							<td>
								<input type="button" name="" id="" value="保存收货人信息" />
								<input type="checkbox" id="changyongdizhi" />
								<label for="changyongdizhi">添加常用地址</label>
							</td>
						</tr>
					</table>
				</div>
				
				
				<div class="buy-commontitle">
					支付方式及配送
				</div>
				
				<div class="buy-pay">
					<table>
						<tr height="32px">
							<td width="90px">支付方式：</td>
							<td><span>在线支付</span></td>
						</tr>
						<tr height="32px">
							<td>配送方式：</td>
							<td><span>普通快递</span></td>
						</tr>
						<tr height="32px">
							<td>运费：</td>
							<td><span>0元</span></td>
						</tr>
						<tr>
							<td>送货日期：</td>
							<td>
								<span>工作日／双休日与假日均可送货</span>
								<p>正常情况 商品生产至配送到您手中预计一周左右时间，支持送货上门</p>
							</td>
						</tr>
					</table>
				</div>
				
				
				<div class="buy-commontitle">
					发票信息
				</div>
				
				<div class="buy-check">
					<p>订单发票：<span>无发票</span></p>
				</div>
				
				
				<div class="buy-commontitle">
					商品清单
				</div>
				
				<div class="buy-list">
					<div class="buy-table-title buy2-table-title">
						
						<span>商品</span><span>名称</span>
						<span>尺码</span><span>数量</span>
						<span>优惠</span><span>单价</span>
						
					</div>
				
					<div class="buy-table-item buy2-table-item">
						<span>
							<img src="../img/other/buy-table-item-pic1.png"/>
						</span>
						<div class="buy-table-item-1">
							Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)
							<p>性别：女</p>
							
						</div>
						<span>XXL</span>
						<span>2</span>
						<span class="buy-red">9.5折</span>
						<span class="buy-red">¥299.00</span>
						
					</div>
				
					<div class="buy-table-item buy2-table-item">
						<span>
							
							<img src="../img/other/buy-table-item-pic1.png"/>
						</span>
						<div class="buy-table-item-1">
							Santic森地客 春秋骑行服自行车骑行长袖套装冬季骑行长裤男(含1件样衣)
							<p>性别：女</p>
							
						</div>
						<span>XXL</span>
						<span>1</span>
						<span class="buy-red">9.5折</span>
						<span class="buy-red">¥299.00</span>
						
					</div>
					
					<div class="buy-count">
						<span>客户备注：<input type="text" /></span>
						<div class="buy-count-number">
							<p>2件商品 总计：<span>¥99.00</span></p>
							<p>优惠：<span>¥00.00</span></p>
						</div>
					</div>
					
					<div class="buy-all">
						<p>总计（不含运费）:<span> ¥146.00</span></p>
					</div>
					
					<div class="buy-button">
						<input onclick="location='buy3.html'" type="button" value="去结算" />
					</div>
					
				</div>
			
				
				</div>
				
			</div>
			
			<!--底部-->
			<div class="product-bottom">
				<div class="product-bottom-item">
						<div class="product-bottom-item1">
							<div class="product-bottom-item1-1">
								定
							</div>
							<span>100%个性定制</span>
						</div>
						<div class="product-bottom-item1">
							<div class="product-bottom-item1-1">
								正
							</div>
							<span>100%正品保证</span>
						</div>
						<div class="product-bottom-item1">
							<div class="product-bottom-item1-1">
								7
							</div>
							<span>7天闪电发货</span>
						</div>
						<div class="product-bottom-item1">
							<div class="product-bottom-item1-1">
								退
							</div>
							<span>30天无忧退换</span>
						</div>
						<div class="product-bottom-item1">
							<div class="product-bottom-item1-1">
								<img src="../img/other/product-bottom-pic1.png"/>
							</div>
							<span>365天客服热线</span>
						</div>
				</div>
			</div>
			
			
			<!--页脚-->
			<footer>
				<div class="footer-link">
					<div class="footer-pic fl">
						<img src="../img/other/footer-pic1.png"/>
					</div>
					<div class="footer-right fr">
						<ul>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">新手指南</a>
									</li>
									<li>
										<a href="../other/register.html">用户注册</a>
									</li>
									<li>
										<a href="#">定制流程</a>
									</li>
									<li class="footer-text-last"></li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">付款方式</a>
									</li>
									<li>
										<a href="#">支付方式</a>
									</li>
									<li>
										<a href="#">支付问题</a>
									</li>
									<li>
										<a href="#">常见问题</a>
									</li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="#">售后服务</a>
									</li>
									<li>
										<a href="../trade/Changing or Refunding/Application2.html">退款换货</a>
									</li>
									<li>
										<a href="#">配送方式</a>
									</li>
									<li>
										<a href="#">联系我们</a>
									</li>
								</ul>
							</li>
							<li>
								<ul class="footer-text">
									<li>
										<a href="">政策条款</a>
									</li>
									<li>
										<a href="">服务协议</a>
									</li>
									<li>
										<a href="">隐私条款</a>
									</li>
									<li>
										<a href="">版权条款</a>
									</li>
								</ul>
							</li>
						</ul>
					</div>
					<div class="clear"></div>
				</div>
				<div class="footer-reg">
					<p>
						© 2016 Wildto Corpation. All Rights Reserved闽ICP备14001544号-1
					</p>
				</div>
			</footer>
			
			
		</div>
	</body>
</html>
